<template>
    <div class="dic">
        <yh-tabs type="card">
            <yh-tab-pane>
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    字典
                </span>
                <div class="dic-zd">
                    <DictList></DictList>
                </div>
            </yh-tab-pane>
            <yh-tab-pane label="资源">
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    交易方向
                </span>
                <div class="dic-jy">
                    <DealList></DealList>
                </div>
            </yh-tab-pane>
        </yh-tabs>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import DictList from './dictionary-manage/dict-list.vue';
import DealList from './dictionary-manage/deal-list.vue';

@Component({
    name: 'DictionaryManage',
    components: {
        DictList,
        DealList,
    },
})
export default class DictionaryManage extends Vue {}
</script>
<style lang="scss" scoped>
.dic /deep/.el-tabs .el-tabs__nav .el-tabs__item {
    line-height: 34px;
}

.dic {
    padding-top: 10px;

    .dic-zd,
    .dic-jy {
        margin-top: 10px;
    }
}
</style>
